<!--这里是用户管理<br/>-->

<section class="listSection">
  <div class="listNav">
    排污单位管理 > 排污单位基本信息
  </div>

  <section class="content selectContent">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span>信息查询</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12 listSectionSelect" >
        <form class="form-inline" #unitForm="ngForm" (ngSubmit)="doSearch(unitForm.value, 'submit')">
          <div class="row">
            <!--<div class="form-group col-md-1 col-sm-1 col-xs-1"></div>-->
            <div class="form-group search-list">
              <label>排污单位名称：</label>
              <input type="text" class="form-control" name="polluterName" mdInput [(ngModel)]="searchpolluterName" placeholder="请输入名称" >
            </div>
            <div class="form-group search-list">
              <label>关注级别：</label>
              <select class="form-control selectStyle " [(ngModel)]="searchtradeType" name="focusLevel">
                <option value="">请选择</option>
                <option [value]="0">重点</option>
                <option [value]="1">非重点</option>
              </select>
            </div>
            <div class="form-group search-list">
              <label>行政区：</label>
              <input type="text" class="form-control" name="areaCode" placeholder="请输入名称" [(ngModel)]="searchareaCode">
            </div>
            <div class="form-group search-list-btn">
              <button class="btn selectButtonOfA search-btn"  type="submit">查询</button>

            </div>
          </div>
          <div class="row">
            <!--<div class="form-group col-md-1 col-sm-1 col-xs-1"></div>-->
            <div class="form-group search-list">
              <label>企业法人：</label>
              <input type="text" class="form-control" name="legalUser" placeholder="请输入" [(ngModel)]="searchlegalUser">
            </div>
            <div class="form-group search-list ztree-box">
              <label>行业类别： </label>
              <!--  <input id="citySel" type="text" readonly value="" style="width:120px;" (click)="showMenu()">
                <input type="hidden" name="treadcode" id="treadcode">-->
              <input id="citySel" type="text" readonly  class="form-control" value="" placeholder="请选择行业类别" (click)="showMenu(1,citySel)">
              <input type="hidden" name="treadcode" id="treadcode">

              <!--<ul id="ztree" class="ztree"></ul>-->
              <div id="menuContent1" class="menuContent" style="display:none; position: absolute;">
                <form class="form-inline" #cateForm="ngForm" (ngSubmit)="cateSearch(cateForm.value)">
                  <div class="ztree-search clearfix">
                    <!--<div class="form-group col-md-1 col-sm-1 col-xs-1"></div>-->
                    <div class="form-group col-md-6 col-sm-6 col-xs-6">
                      <input type="text" class="form-control categroy" id="categroy" name="name" mdInput ngModel placeholder="请输入行业" style="width:100%;background-color: rgba(72,172,194,0.8);border: 1px solid #41a1b8;" >
                    </div>
                    <div class="form-group col-md-2 col-sm-2 col-xs-2 ">
                      <button class="btn selectButtonOfA search-btn"  type="submit">搜索</button>
                    </div>
                    <div class="form-group col-md-3 col-sm-3 col-xs-3 ">
                      <button class="btn selectButtonOfA close-btn"  type="button" (click)="closeZtree(cateForm.value)">关闭</button>
                    </div>
                  </div>
                </form>
                <ul id="ztree" class="ztree" style="margin-top:0; width:480px; height: 300px;"></ul>
              </div>
            </div>
              <div class="form-group search-list">
                <label>	统一社会信用代码：</label>
                <input type="text" class="form-control" placeholder="请输入信用码" name="userCode" [(ngModel)]="searchuserCode" >
              </div>
            <div class="form-group search-list-btn">
              <button class="btn selectButtonOfA reset-btn" md-raised-button type="reset">清除</button>
            </div>
          </div>
          <div class="row">
            <div class="form-group search-list">
              <label>组织机构代码：</label>
              <input type="text" class="form-control" placeholder="请输入代码" name="orgCode" [(ngModel)]="searchorgCode"  >
            </div>
          </div>
        </form>
      </div>
    </div>
  </section>


  <section class="content">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span>基本信息</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12">
        <form action="" >
          <div class="box-body">
            <div class="add-box clearfix">
                    <button  class="btn add-tit" data-toggle="modal" data-target="#addModal">新增</button>
            </div>
            <table border="1" cellspacing="0"  class="table text-center listTable">
              <tr class="header-tab">
                <th>排污单位名称</th>
                <th>企业性质</th>
                <th>行政区</th>
                <th>企业法人</th>
                <th>组织机构代码</th>
                <th>统一社会信用码</th>
                <th>关注级别</th>
                <th>操作</th>
              </tr>
              <tr *ngFor="let pollut of dataUnit">
                <td>{{pollut.polluterName}}</td>
                <td>{{pollut.polluterNature | unitPipe}}</td>
                <td>{{pollut.area}}--{{pollut.city}}</td>
                <td>{{pollut.legalUser}}</td>
                <td>{{pollut.orgCode}}</td>
                <td>{{pollut.userCode}}</td>
                <td>{{pollut.focusLevel != undefined ? (pollut.focusLevel==0?"重点":"非重点"):('')}}</td>
                <td>
                   <span>
                   <img src="assets/icon/see.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#myModal" (click)="userMessage(pollut)">查看</a>

                  </span>
                     <span>
                   <img src="assets/icon/point.png" class="list-icon" alt="">
                       <a [routerLink]="['../point']" [queryParams]="{'id':pollut.id}">点位</a>
                  </span>
                  <span>
                    <img src="assets/icon/edit.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#updateModal" (click)="userMessage(pollut)">编辑</a>
                  </span>
                  <span>
                    <img src="assets/icon/delete.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#deleteModal" (click)="delete(pollut.id)">删除</a>
                  </span>

                </td>
              </tr>
            </table>
          </div>
          <app-pagination
            [totalItems]="pageInfo.totalItems"
            [currentPage]="pageInfo.currentPage"
            [pageSize]="pageInfo.pageSize"
            (onReGetPage)="setPage($event)">
          </app-pagination>

        </form>
      </div>
    </div>
  </section>

  <!-- 详情 -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header text-center" >
          <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">查看详情</h4>
          </div>
        </div>
        <div class="modal-body">

          <div class="row">
            <div class="col-md-10 col-md-offset-1">
              <table class="table detailsTable">
                <tr>
                  <td>排污单位名称：</td>
                  <td>{{lookInfo.polluterName}}</td>
                </tr>
                <tr>
                  <td>排污单位简称：</td>
                  <td>{{lookInfo.polluterSname }}</td>
                </tr>
                <tr>
                  <td>组织机构代码：</td>
                  <td>{{lookInfo.orgCode  }}</td>
                </tr>
                <tr>
                  <td>统一社会信用码：</td>
                  <td>{{lookInfo.userCode}}</td>
                </tr>
                <tr>
                  <td>企业性质：</td>
                  <td>{{lookInfo.polluterNature | unitPipe }}</td>
                </tr>
                <tr>
                  <td>成立时间：</td>
                  <td>{{lookInfo.cTime  | date:'yyyy-MM-dd HH:mm:ss' }}</td>
                </tr>
                <tr>
                  <td>行政区：</td>
                  <td>{{lookInfo.area}}--{{lookInfo.city}}</td>
                </tr>
                <tr>
                <td>关注级别：</td>
                <td>{{lookInfo.focusLevel != undefined ? (lookInfo.focusLevel==0?"重点":"非重点"):('')}}</td>
                </tr>
                <tr>
                  <td>行业类别：</td>
                  <td>{{lookInfo.name }}</td>
                </tr>
                <tr>
                  <td>是否是用电单位：</td>
                  <td>{{lookInfo.electricity != undefined ? (lookInfo.electricity==0?"是":"否"):('')}}</td>
                </tr>
                <tr>
                  <td>是否污水处理厂：</td>
                  <td>{{lookInfo.polluter != undefined ? (lookInfo.polluter==0?"是":"否"):('')}}</td>
                </tr>

                <tr>
                  <td>中心经度：</td>
                  <td>{{lookInfo.longitude}}</td>
                </tr>
                <tr>
                  <td>中心纬度：</td>
                  <td>{{lookInfo.attitude }}</td>
                </tr>
                <tr>
                  <td>所在流域：</td>
                  <td>{{lookInfo.watershed  | waterPipe}}</td>
                </tr>
                <tr>
                  <td>法人代表：</td>
                  <td>{{lookInfo.legalUser}}</td>
                </tr>
                <tr>
                  <td>法人代码：</td>
                  <td>{{lookInfo.legalCode }}</td>
                </tr>
                <tr>
                  <td>联系人：</td>
                  <td>{{lookInfo.contact  }}</td>
                </tr>
                <tr>
                  <td>联系电话：</td>
                  <td>{{lookInfo.contactNumber  }}</td>
                </tr>
                <tr>
                  <td>开户行：</td>
                  <td>{{lookInfo.bankName}}</td>
                </tr>
                <tr>
                  <td>开户行账号：</td>
                  <td>{{lookInfo.bankAccount }}</td>
                </tr>
                <tr>
                  <td>邮编：</td>
                  <td>{{lookInfo.email  }}</td>
                </tr>
                <tr>
                  <td>详细地址：</td>
                  <td>{{lookInfo.address}}</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
        </div>
      </div>
    </div>
  </div>

  <!--添加-->
  <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" data-target=".bs-example-modal-lg">
    <div class="modal-dialog" role="document">
      <form #addFrom="ngForm" (ngSubmit)="doAdd(addFrom.value,addFrom.valid)" novalidate>
        <div class="modal-content">
          <div class="modal-header text-center" >
            <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="addModalLabel">新增</h4>
            </div>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="col-md-10 col-md-offset-1">

                <table class="table detailsTable"  id="topscroll">
                  <tr>
                    <td><span class="red">*</span>排污单位名称：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" name="polluterName" [(ngModel)]="polluterName" required ></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','polluterName')" class="prompt"></div></td>
                  </tr>
                  <tr>
                    <td>排污单位简称：</td>
                    <td><input type="text" class="form-control" placeholder="请输入" name="polluterSname"  [(ngModel)]="polluterSname"></td>
                  </tr>
                  <tr>
                    <td>组织机构代码：</td>
                    <td><input type="text" class="form-control" placeholder="请输入" [(ngModel)]="orgCode" name="orgCode"></td>
                  </tr>
                  <tr>
                    <td><span class="red">*</span>统一社会信用码：</td>
                    <td><input type="text" class="form-control" placeholder="请输入" [(ngModel)]="userCode" name="userCode" required></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','userCode')" class="prompt"></div></td>
                  </tr>
                  <tr>
                    <td><span class="red">*</span>企业性质：</td>
                    <td><select class="form-control selectStyle " style="width:70%" required  [(ngModel)]="Nature" name="Nature" required>
                      <option value="">请选择</option>
                      <option *ngFor="let pow of polluterNature" [value]="pow.id">{{pow.name}}</option>
                    </select></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','Nature')" class="prompt"></div></td>
                  </tr>
                  <tr>
                    <td>成立时间：</td>
                    <td>
                      <div class="demo">
                        <input type="text" id="startEndTime" class="form-control startEndTime" [(ngModel)]="cTime" name="cTime">
                        <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
                        </div>
                    </td>
                  </tr>
                  <tr>
                    <td><span class="red">*</span>行政区：</td>
                    <td><select class="form-control selectStyle " style="width:70%" [(ngModel)]="areaCode" name="areaCode" required>
                      <option value="">请选择</option>
                      <option *ngFor="let areas of arealist" [value]="areas.areaId">{{areas.area}}--{{areas.city}}</option>
                    </select></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','areaCode')" class="prompt"></div></td>

                  </tr>
                  <tr>
                    <td>关注级别：</td>
                    <td> <select class="form-control selectStyle " style="width:70%" [(ngModel)]="focusLevel" name="focusLevel">
                      <option value="">请选择</option>
                      <option [value]="0">重点</option>
                      <option [value]="1">非重点</option>
                    </select></td>
                  </tr>
                  <tr>
                    <td>行业类别：</td>
                    <td class="ztree-box">
                      <input id="citySeladd" type="text" readonly  class="form-control citySel" placeholder="请选择行业类别" (click)="showMenu(2,citySeladd)" style="width:70%;background-color: rgba(72,172,194,0.8);border: 1px solid #41a1b8;">
                      <input type="hidden" name="treadcode" id="treadcodeadd">
                      <div id="menuContent2" class="menuContent" style="display:none; position: absolute;">
                        <form class="form-inline" #searchFormadd="ngForm" (ngSubmit)="cateSearch(searchFormadd.value,2)">
                          <div class="ztree-search clearfix">
                            <div class="form-group col-md-6 col-sm-6 col-xs-6">
                              <input type="text" class="form-control categroy" name="name" mdInput ngModel placeholder="请输入行业" style="width:100%;background-color: rgba(72,172,194,0.8);border: 1px solid #41a1b8;" >
                            </div>
                            <div class="form-group col-md-2 col-sm-2 col-xs-2 ">
                              <button class="btn selectButtonOfA search-btn"  type="submit">搜索</button>
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3 ">
                              <button class="btn selectButtonOfA close-btn"  type="button" (click)="closeZtree(searchFormadd.value)">关闭</button>
                            </div>
                          </div>
                        </form>
                        <ul id="ztreeadd" class="ztree" style="margin-top:0; width:480px; height: 300px;"></ul>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td><span class="red">*</span>是否是用电单位：</td>
                    <td> <select class="form-control selectStyle " style="width:70%" [(ngModel)]="electricity" name="isElectricity" required>
                      <option value="">请选择</option>
                      <option [value]="0">是</option>
                      <option [value]="1">否</option>
                    </select></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','isElectricity')" class="prompt"></div></td>
                  </tr>

                  <tr>
                    <td><span class="red">*</span>是否污水处理厂：</td>
                    <td>
                      <select class="form-control selectStyle " style="width:70%" [(ngModel)]="polluter" name="isPolluter" required>
                        <option value="">请选择</option>
                        <option [value]="0">是</option>
                      <option [value]="1">否</option>
                    </select></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','isPolluter')" class="prompt"></div></td>
                  </tr>
                  <tr>
                    <td><span class="red">*</span>中心经度：</td>
                    <td><input type="text" class="form-control" [(ngModel)]="longitude" name="longitude" required></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','longitude')" class="prompt"></div></td>
                  </tr>
                  <tr>
                    <td><span class="red">*</span>中心纬度：</td>
                    <td><input type="text" class="form-control" [(ngModel)]="attitude" name="attitude" required></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','attitude')" class="prompt"></div></td>
                  </tr>
                  <tr>
                    <td><span class="red">*</span>所在流域：</td>
                    <td> <select class="form-control selectStyle " style="width:70%" [(ngModel)]="waters" name="waters" required>
                      <option *ngFor="let water of watershed" [value]="water.id">{{water.name}}</option>
                    </select></td>
                    <td class="prompt-box"><div [hidden]="!addFrom.form.hasError('required','waters')" class="prompt"></div></td>
                  </tr>
                  <tr>
                    <td>法人代表：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="legalUser" name="legalUser"></td>
                  </tr>
                  <tr>
                    <td>法人代码：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="legalCode" name="legalCode"></td>
                  </tr>
                  <tr>
                    <td>联系人：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="contact" name="contact"></td>
                  </tr>
                  <tr>
                    <td>联系电话：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="contactNumber" name="contactNumber"></td>
                  </tr>
                  <tr>
                    <td>开户行：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="bankName" name="bankName"></td>
                  </tr>
                  <tr>
                    <td>开户行账号：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="bankAccount" name="bankAccount"></td>
                  </tr>
                  <tr>
                    <td>邮编：</td>
                    <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="email" name="email"></td>
                  </tr>
                  <tr>
                    <td>详细地址：</td>
                    <td><textarea class="form-control" rows="3" [(ngModel)]="address" name="address"></textarea></td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
          <div class="modal-footer text-center">
            <button class="btn selectButtonOfA sumbit-btn"  type="submit" [disabled]="!addFrom.form.valid">提交</button>
            <button class="btn selectButtonOfA close-btn " id="back-btn" role="button" data-dismiss="modal">返回</button>

          </div>
        </div>
      </form>
    </div>
  </div>
  <!--编辑-->
  <div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel">
    <div class="modal-dialog" role="document">
      <form #editFrom="ngForm" (ngSubmit)="doEdit(editFrom.value,editFrom.valid)" novalidate>
      <div class="modal-content">
        <div class="modal-header text-center" >
          <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="updateModalLabel">编辑</h4>
          </div>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-10 col-md-offset-1">
              <table class="table detailsTable">
                <tr>
                  <td><span class="red">*</span>排污单位名称：</td>
                  <td><input type="text" class="form-control" name="editpolluterName" [(ngModel)]="lookInfo.polluterName" required>
                    <input type="hidden" class="form-control" name="editid" [(ngModel)]="lookInfo.id">
                   </td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','editpolluterName')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td>排污单位简称：</td>
                  <td><input type="text" class="form-control" placeholder="请输入" name="editpolluterSname"  [(ngModel)]="lookInfo.polluterSname"></td>
                </tr>
                <tr>
                  <td>组织机构代码：</td>
                  <td><input type="text" class="form-control" placeholder="请输入" [(ngModel)]="lookInfo.orgCode" name="editorgCode"></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>统一社会信用码：</td>
                  <td><input type="text" class="form-control" placeholder="请输入" [(ngModel)]="lookInfo.userCode" name="edituserCode" required>
                  </td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','edituserCode')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>企业性质：</td>
                  <td><select class="form-control selectStyle " style="width:70%" [(ngModel)]="lookInfo.polluterNature" name="editpolluterNature" required>
                    <option *ngFor="let pow of polluterNature" [value]="pow.id">{{pow.name}}</option>
                  </select></td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','editpolluterNature')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td>成立时间：</td>
                  <td> <div class="demo">
                    <input type="text" class="form-control startEndTime" required  [(ngModel)]="dateStr" name="editcTime" required>
                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
                    </div></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>行政区：</td>
                  <td><select class="form-control selectStyle " style="width:70%" [(ngModel)]="lookInfo.areaCode" name="editareaCode" required>
                    <option value="">请选择</option>
                    <option *ngFor="let areas of arealist" [value]="areas.areaId">{{areas.area}}--{{areas.city}}</option>
                  </select></td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','editareaCode')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td>关注级别：</td>
                  <td> <select class="form-control selectStyle " style="width:70%" [(ngModel)]="lookInfo.focusLevel" name="editfocusLevel">
                    <option value="">请选择</option>
                    <option [value]="0">重点</option>
                    <option [value]="1">非重点</option>
                  </select></td>
                </tr>
                <tr>
                  <td>行业类别：</td>
                  <td class="ztree-box">
                    <input id="citySeledit" type="text" readonly  class="form-control citySel" value="" placeholder="请选择行业类别" (click)="showMenu(3,citySeledit)" name="tradeType" style="width:70%;background-color: rgba(72,172,194,0.8);border: 1px solid #41a1b8;">
                    <input type="hidden" name="treadcode" id="treadcodeedit">
                    <div id="menuContent3" class="menuContent" style="display:none; position: absolute;">
                      <form class="form-inline" #searchFormEdit="ngForm" (ngSubmit)="cateSearch(searchFormEdit.value, 3)">
                        <div class="ztree-search clearfix">
                          <div class="form-group col-md-6 col-sm-6 col-xs-6">
                            <input type="text" class="form-control" name="name" mdInput ngModel placeholder="请输入行业" style="width:100%;background-color: rgba(72,172,194,0.8);border: 1px solid #41a1b8;" >
                          </div>
                          <div class="form-group col-md-2 col-sm-2 col-xs-2 ">
                            <button class="btn selectButtonOfA search-btn"  type="submit">搜索</button>
                          </div>
                          <div class="form-group col-md-3 col-sm-3 col-xs-3 ">
                            <button class="btn selectButtonOfA close-btn"  type="button" (click)="closeZtree(searchFormEdit.value)">关闭</button>
                          </div>
                        </div>
                      </form>
                      <ul id="ztreeedit" class="ztree" style="margin-top:0; width:480px; height: 300px;"></ul>
                    </div></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>是否是用电单位：</td>
                  <td> <select class="form-control selectStyle " style="width:70%" [(ngModel)]="lookInfo.electricity" name="editisElectricity" required>
                    <option value="">请选择</option>
                    <option [value]="0">是</option>
                    <option [value]="1">否</option>
                  </select></td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','editisElectricity')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>是否污水处理厂：</td>
                  <td><select class="form-control selectStyle " style="width:70%" [(ngModel)]="lookInfo.polluter" name="editisPolluter" required>
                    <option value="">请选择</option>
                    <option [value]="0">是</option>
                    <option [value]="1">否</option>
                    </select></td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','editisPolluter')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>中心经度：</td>
                  <td><input type="text" class="form-control" [(ngModel)]="lookInfo.longitude" name="editlongitude" required></td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('requweiired','editlongitude')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>中心纬度：</td>
                  <td><input type="text" class="form-control" [(ngModel)]="lookInfo.attitude" name="editattitude" required></td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','editattitude')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td><span class="red">*</span>所在流域：</td>
                  <td> <select class="form-control selectStyle " style="width:70%" [(ngModel)]="lookInfo.watershed" name="editwatersh" required>
                    <option *ngFor="let water of watershed" [value]="water.id">{{water.name}}</option>
                  </select></td>
                  <td class="prompt-box"><div [hidden]="!editFrom.form.hasError('required','editwatersh')" class="prompt"></div></td>
                </tr>
                <tr>
                  <td>法人代表：</td>
                  <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="lookInfo.legalUser" name="editlegalUser"></td>
                </tr>
                <tr>
                  <td>法人代码：</td>
                  <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="lookInfo.legalCode" name="editlegalCode"></td>
                </tr>
                <tr>
                  <td>联系人：</td>
                  <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="lookInfo.contact" name="editcontact"></td>
                </tr>
                <tr>
                  <td>联系电话：</td>
                  <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="lookInfo.contactNumber" name="editcontactNumber"></td>
                </tr>
                <tr>
                  <td>开户行：</td>
                  <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="lookInfo.bankName" name="editbankName"></td>
                </tr>
                <tr>
                  <td>开户行账号：</td>
                  <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="lookInfo.bankAccount" name="editbankAccount"></td>
                </tr>
                <tr>
                  <td>邮编：</td>
                  <td><input type="text" class="form-control"  placeholder="请输入" [(ngModel)]="lookInfo.email" name="editemail"></td>
                </tr>
                <tr>
                  <td>详细地址：</td>
                  <td><textarea class="form-control" rows="3"[(ngModel)]="lookInfo.address" name="editaddress"></textarea></td>
                </tr>
              </table>
            </div>
          </div>
        </div>
        <div class="modal-footer text-center">
          <button class="btn selectButtonOfA sumbit-btn"  type="submit" [disabled]="!editFrom.form.valid">提交</button>
          <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>

        </div>
      </div>
      </form>
    </div>
  </div>

  <!--删除-->
  <div class="modal fade deleteModal" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" [class.remove]="isRemove">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header text-center" >
          <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
            <img src="assets/img/warn-doat.png" alt="warn">
          </div>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-10 col-md-offset-1 text-center">
              <span>您将删除这条记录</span>
            </div>
          </div>
        </div>
        <div class="modal-footer text-center">
          <button class="btn selectButtonOfA reset-btn"  role="button" (click)="deletePollut(deleteId)" data-dismiss="modal">删除</button>
          <button class="btn selectButtonOfA close-btn"  role="button" data-dismiss="modal">取消</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade deleteModal" id="error" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header text-center" >
          <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="errorMessage">错误信息</h4>
          </div>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-10 col-md-offset-1 text-center">
              <span>{{errorMessage}}</span>
            </div>
          </div>
        </div>
        <div class="modal-footer2 text-center">
          <div class="form-group search-list-btn">
            <button  class="btn reset-btn"  data-dismiss="modal">确定</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


